<!-- 点餐 -->
<template>
	<view class="menu-container">
		<view class="menu-container-main">
			<MenuNav />
			<MenuListItem />
		</view>
		<view class="menu-container-footer">
			<MenuFooterBanner />
		</view>
	</view>
</template>

<script>
	import MenuNav from '../../components/shopping/MenuNav.vue'
	import MenuListItem from '../../components/shopping/MenuListItem.vue'
	import MenuFooterBanner from '../../components/shopping/MenuFooterBanner.vue'
	export default {
		components: {
			MenuNav,
			MenuListItem,
			MenuFooterBanner
		}
	}
</script>

<style 	scoped lang="scss">
	.menu-container {
		.menu-container-main {
			display: flex;
			position: relative;
		}
		.menu-container-footer {
			width: 100vw;
		}
	}
</style>